<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>案例</title>
		<script>
		var webroot = "/",
			murl = "/";
		</script>

		<meta name="viewport" content="width=1200">
		<link href="./static/css/style.css" rel="stylesheet">
		<link href="./static/css/common.css" rel="stylesheet">
		<link href="./static/css/animate.min.css" rel="stylesheet">
		<script src="./static/js/jquery.js"></script>
		<!--[if lt IE 9]>
<script src="http://mb.52web.me/TP000022/theme/TP000022/js/html5shiv.min.js" ></script>
<link href="http://mb.52web.me/TP000022/theme/TP000022/css/ie8.css"  rel="stylesheet">
<![endif]-->
		<!--[if IE 9]>
<link href="http://mb.52web.me/TP000022/theme/TP000022/css/ie9.css"  rel="stylesheet">
<![endif]-->
		<script src="./static/js/jquery.validator.js"></script>
		<script src="./static/js/zh_CN.js"></script>
		<link rel="stylesheet" type="text/css" href="./static/css/jquery.validator.css">
		<!--<script src="./static/js/mobile.js"></script>-->
		<link rel="stylesheet" type="text/css" href="./static/css/jquery.tip.css">
		<link rel="icon" href="http://www.gzzunji.com/static/img/favicon.ico" type="image/x-icon"/>
	</head>

	<body>

		<!--顶部开始-->
		<header class="header header-top headroom headroom--top" id="header">
		</header>
		<!--顶部结束-->
		<div id="topnavbox"></div>

		<!--栏目分类开始-->
		<!--<section class="crumbs text-right">
			<div class="container">
				<ul class="list-unstyled">

					<li>
						<a href="http://mb.52web.me/TP000022/list.asp?classid=9" title="公司新闻">公司新闻</a>
					</li>
					<li>
						<a class="hover" href="http://mb.52web.me/TP000022/list.asp?classid=10" title="行业新闻">行业新闻</a>
					</li>
					<li>
						<a href="http://mb.52web.me/TP000022/list.asp?classid=18" title="专业知识">专业知识</a>
					</li>
				</ul>
			</div>
		</section>-->
		<!--栏目分类结束-->
		<!--文章列表开始-->
		<div class="neirong s">
		<section class="x-padding case">
			

			<div class="container">
				<div class="row" id="anliList">
					<script id="anli" type="text/html">
				{{each anli}}
				
				
				<figure class="wow animated flipInX animated" style="visibility: visible; animation-name: flipInX;">
						<a href="./anlidetail.html?id={{$value.id}}" title="{{$value.title}}" style="display: block;background:white;"><img src="/TP000022/theme/TP000022/pic/201611242157001.jpg" alt="成功案例标题" width="360" height="256"></a>
						<figcaption>
							<h3><a href="./anlidetail.html?id={{$value.id}}" title="{{$value.title}}">{{$value.caseTitle}}</a></h3>
							<p>{{$value.caseTitle}}…</p>
							<p class="case-more-top">
								<a href="./anlidetail.html?id={{$value.id}}" title="{{$value.title}}" class="btn-success case-more">MORE INFO →</a> 关注：{{$value.caseView}}人</p>
						</figcaption>
						<div class="productInfo">
							<h3><a href="./anlidetail.html?id={{$value.id}}" title="{{$value.title}}">{{$value.caseTitle}}</a></h3>
							<p>{{$value.caseDescribe}}…</p>
						</div>
					</figure>

				{{/each}}

			</script>

				</div>
				<!--分页样式-->
			</div>
</section>
		</div>
		<!--文章列表结束-->
			<!--页尾开始-->
		<!--页尾开始-->
		<div id="footer"></div>
			<footer  class="pingpu-bg" id="yy">
			<div id="demo" class="footer container sx-padding">
		<div class="clearfix wow animated fadeIn" style="visibility: hidden; animation-name: none;" id="footer">
			<!--留言-->
			<div id="liuyan"></div>
			
		</div>
		
		<!--友情链接-->
			<div id="youlian"></div>
		
		</div>
		
		<!--底部-->
			<div id="foot"></div>
		</footer>
		<!--页尾结束-->


		<div id="kefubox"></div>

		<script src="./static/js/wow.min.js"></script>
		<script>
			wow = new WOW({
				animateClass: 'animated',
				offset: 100
			});
			wow.init();
			document.getElementById('moar').onclick = function() {
				var section = document.createElement('section');
				section.className = 'section--purple wow fadeInDown';
				this.parentNode.insertBefore(section, this);
			};
		</script>
		<script type="text/javascript" src="static/js/template-web.js"></script>
		<script type="text/javascript" src="static/js/webdata.js"></script>
		<script>
			
			$(document).ready(function() {
				
				$.ajax({
					url: getanli,
					type: "get",
					dataType: "json",
					headers: {
						Accept: "application/json; charset=utf-8"
					},
					data: {
						num:4
					},
					success: function(response) {
						console.log(response);
						webdata.anli = response;
						console.log(webdata.anli);
						var list = template('anli', webdata);
			document.getElementById("anliList").innerHTML = list;

					

					},
					error: function(errordata) {
						console.log(errordata);

					}

				})
				
			
				
				
				
				});
			
			
			
				var s="./static/template/header.html?v="+Math.random();
				console.log(s);
				$("#header").load(s);

				var f="./static/template/foot.html?v="+Math.random();
				$("#foot").load(f);
				var l="./static/template/liuyan.html?v="+Math.random();
				$("#liuyan").load(l);
				var y="./static/template/youlian.html?v="+Math.random();
				$("#youlian").load(y);

		

			var kefu = $.get('static/template/kefu.html', function(data) {
				var render = template.compile(data);
				var str = render(webdata);

				document.getElementById('kefubox').innerHTML = str;
			});
			var t = "./static/template/topnav.html?v=" + Math.random();
			$("#topnavbox").load(t);

			
		</script>

		<!-- header up start -->
		<script src="./static/js/headroom.min.js"></script>
		<script src="./static/js/jquery.headroom.js"></script>
		<script>
			$("#header").headroom();
		</script>
		<!-- banner start -->
		<script type="text/javascript" src="./static/js/jiaodiantu.js"></script>
		<script src="./static/js/jquery.tips.js"></script>
		

	</body>

</html>